<?php
/**
 * @copyright   Copyright (C) Open Web Software Ltda. All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 */

defined('_JEXEC') or die;

// Add Stylesheets
$doc->addStyleSheet('https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css');

// Usar durante el desarrollo
$doc->addStyleSheet('templates/'.$this->template.'/css/template.mobile.less');
$doc->addScript('templates/'.$this->template.'/js/less-1.3.3.min.js');

// Compilar LESS y usar en produccion
// $doc->addStyleSheet('templates/'.$this->template.'/css/template.mobile.css');

$doc->addScript('https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js', 'text/javascript', true);
$doc->addScript('https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js', 'text/javascript', true);
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>">
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <jdoc:include type="head" />
</head>
<body class="<?php echo $bodyClass;?>">
  <!-- Home -->
  <div data-role="page" id="page1">
    <div data-theme="a" data-role="header">
      <h3>Header</h3>
    </div>
    <div data-role="content">
      <jdoc:include type="modules" name="position-1" style="none" />
			<hr />
			<jdoc:include type="modules" name="position-5" style="none" />
			<hr />
			<jdoc:include type="modules" name="position-6" style="none" />
			<hr />
			<jdoc:include type="modules" name="position-7" style="none" />
			<hr />
			<jdoc:include type="modules" name="sitemapload" style="none" />
			<hr />
			<jdoc:include type="message" />
			<hr />
			<jdoc:include type="component" />
			<hr />
    </div>
    <div data-theme="a" data-role="footer" data-position="fixed">
      <h3>Footer</h3>
    </div>
  </div>
  <jdoc:include type="modules" name="debug" style="none" />
  <script>
      //App custom javascript
  </script>
</body>
</html>